<template>
  <div>
    <div class="CGFTPage">
      <!-- 轮播 -->
      <div class="banner">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div
              class="swiper-slide"
              :title="image.title"
              v-for="(image, index) in imageData"
              :key="index"
            >
              <div class="swiper-image">
                <img :src="image.imgUrl" alt="" />
              </div>
            </div>
          </div>
          <!-- 分页器 -->
          <div class="swiper-pagination"></div>
        </div>
      </div>

      <div class="iswhat" id="floor1">
        <div class="heart_w">
          <h3></h3>
          <div class="textbox clearfix">
            <div class="desleft">
              <h6>CGFT（特许全球金融科技师）</h6>
              <p>
                <span>CGFT</span>
                是特许全球金融科技师，上海交通大学上海高级金融学院与上海高金金融研究院借助管会教育互联网创新模式，联合打造特许全球金融科技师CGFT证书体系，致力于培养创新型、实用性、专业化和国际化的复合型金融科技人才，构建具有中国特色的全球金融科技人才培养认证体系。
              </p>
              <img src="@/assets/images/cgft/cgft_icon05.png" />
            </div>
            <div class="advright">
              <div class="item clearfix">
                <div class="iconleft">
                  <i></i>
                  <img src="@/assets/images/cgft/cgft_icon02.png" />
                </div>
                <div class="textright">
                  <h5>新机遇</h5>
                  <p>新基建新机遇金融科技引领金融行业新发展</p>
                </div>
              </div>
              <div class="item clearfix">
                <div class="iconleft">
                  <i></i>
                  <img src="@/assets/images/cgft/cgft_icon03.png" />
                </div>
                <div class="textright">
                  <h5>新方向</h5>
                  <p>金融科技人才培养领域新标杆</p>
                </div>
              </div>
              <div class="item clearfix">
                <div class="iconleft">
                  <i></i>
                  <img src="@/assets/images/cgft/cgft_icon04.png" />
                </div>
                <div class="textright">
                  <h5>新趋势</h5>
                  <p>
                    紧跟FinTech技术前沿热点趋势，培养精通国际金融市场的通行规则，又具备科技创新理论功底复合型金融科技人才。
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="advbox">
        <div class="heart_w">
          <div class="advitem">
            <h6>高福利</h6>
            <h4>1+N</h4>
            <h5>1+N 政策优惠：</h5>
            <p>
              央行发布金融科技发展三年规划，北、上、广、深等各大城市享受落户，就业，工作，等多项政策福利。
            </p>
          </div>
          <div class="advitem">
            <h6>高薪资</h6>
            <h4>20000+</h4>
            <h5>20000+ 月薪水平：</h5>
            <p>
              金融机构千万年薪挖金融科技领军人才，起薪普遍高于行业平均水平，考取CGFT意味着高薪资的跨越。
            </p>
          </div>
          <div class="advitem">
            <h6>大缺口</h6>
            <h4>150万+</h4>
            <h5>150万+ 人才缺口：</h5>
            <p>
              随着金融科技的快速发展，金融科技人才受到前所未有的重视,巨大的人才缺口使得金融科技分析师成为重要紧缺人才。
            </p>
          </div>
        </div>
      </div>

      <div class="whatdo heart_w" id="floor2">
        <h3></h3>
        <div class="dobox clearfix">
          <div class="doitem">
            <i></i>
            <span>01</span>
            <h5>银行、保险、基金、证券等相关金融、科技人员</h5>
            <p>
              打造专业形象、赢得客户信任，提升职场核心竞争力、突破薪资和职位瓶颈。
            </p>
          </div>
          <div class="doitem">
            <i></i>
            <span>02</span>
            <h5>有意从事金融科技行业人员</h5>
            <p>助力熟悉并应用前沿技术，领导企业升级转型。</p>
          </div>
          <div class="doitem">
            <i></i>
            <span>03</span>
            <h5>院校在校生、职场新秀</h5>
            <p>
              系统学习金融科技知识，提升前沿金融素养，为进入金融领域做充分准备。
            </p>
          </div>
        </div>
      </div>

      <div class="whystudy" id="floor3">
        <div class="wapper">
          <h3></h3>
          <h4>
            <span>01:</span>四级证书
            助力培养创新型、实用型和专业化的高复合金融科技人才
          </h4>
          <div class="whyone">
            <div class="oneitem">
              <h5>一级金融科技师</h5>
              <h6>术-精金科应用之术</h6>
              <p>
                遵循金融领域科技伦理道德，了解金融科技行业应用场景，能运用基础金融知识和基本技能，具备金融科技行业应用能力。
              </p>
            </div>
            <div class="twoitem">
              <h5>二级金融科技师</h5>
              <h6>法-明高效管理之法</h6>
              <p>
                掌握金融科技从业所需的知识和技能，能独立完成所承担的工作，具备较强的沟通合作能力和一定的技术管理能力，实现高效运作。
              </p>
            </div>

            <div class="threeitem">
              <h5>三级金融科技师</h5>
              <h6>道-通数字转型之道</h6>
              <p>
                较深入了解金融数字化，初步掌握量化金融、金融风险管理、大数据、机器学习深度学习等领域技术核心原理思想方法及应用，深刻理解金融科技应用场景，具备数字化和智能化项目解决架构和实施管理能力。
              </p>
            </div>

            <div class="fouritem">
              <h5>四级金融科技师</h5>
              <h6>势 -识行业前沿之势</h6>
              <p>
                能够在所从业的细分金融科技领域就金融科技技术应用有较深入分析，并具备较强的解决方案架构、行业分析、技术论证和项目管理决策能力，具备创新意识和创新能力。
              </p>
            </div>
          </div>
        </div>
      </div>

      <div class="twowhy">
        <h3></h3>
        <div class="heart_w clearfix">
          <div class="items clearfix">
            <div class="leftimg"></div>
            <div class="righttext">
              <h6>汇聚FinTech学界业界资深专家</h6>
              <p>
                专家委员会核心成员均为来自于学界和业界的金融与科技领域的资深专家，学界的理论深度和业界的应用深度相结合，打造兼顾理论和应用的课程体系。
              </p>
            </div>
          </div>
          <div class="items clearfix">
            <div class="leftimg"></div>
            <div class="righttext">
              <h6>构建FinTech全面科学知识体系</h6>
              <p>
                基于金融、会计、风险管理、数量金融、区块链、大数据、人工智能、Python核心板块，通过场景化应用教学模式构建金融智能营销、智能风控、智能投资、智能财务分析等专业知识，建立系统化知识体系
              </p>
            </div>
          </div>
          <div class="items clearfix">
            <div class="leftimg"></div>
            <div class="righttext">
              <h6>紧跟FinTech技术前沿热点趋势</h6>
              <p>
                项目在二级和三级阶段，介绍金融科技领域前沿热点，包括深度学习、强化学习、知识图谱、数字化转型、数据化运营、数据中台等。
              </p>
            </div>
          </div>
          <div class="items clearfix">
            <div class="leftimg"></div>
            <div class="righttext">
              <h6>聚焦FinTech实际金融场景应用</h6>
              <p>
                认证体系课程避免枯燥的理论知识技能的堆叠，重视金融科技实际场景应用问题，如支付、信贷、营销、财富管理、资产、风控、保险、理赔、电子银行等。
              </p>
            </div>
          </div>
          <div class="items clearfix">
            <div class="leftimg"></div>
            <div class="righttext">
              <h6>打造普适性FinTech人才认证体系</h6>
              <p>
                认证体系注重科学性（信度和效度），确保认证的高含金量，确保能够科学有效评测人才技能和能力，课程覆盖“专业知识+实操技能+应用能力”，培养既通晓金融又掌握技术，能实现金融、科技、互联网等多行业从业的复合型金融科技人才。
              </p>
            </div>
          </div>
          <div class="items clearfix">
            <div class="leftimg"></div>
            <div class="righttext">
              <h6>建立FinTech国际权威认证标准</h6>
              <p>
                紧跟国家金融科技、新基建战略发展和全球金融科技发展趋势，积极探索和打造具有国际标准的金融科技人才培养模式，培养精通国际金融市场的通行规则，又具备科技创新理论功底复合型金融科技人才。
              </p>
            </div>
          </div>
        </div>
      </div>

      <div class="threewhy">
        <div class="heart_w clearfix">
          <div class="threeitem">
            <h4></h4>
            <div class="imgbox">
              <img src="@/assets/images/cgft/cgft_icon12.png" />
              <img src="@/assets/images/cgft/cgft_icon13.png" />
              <img src="@/assets/images/cgft/cgft_icon14.png" />
              <img src="@/assets/images/cgft/cgft_icon15.png" />
              <img src="@/assets/images/cgft/cgft_icon16.png" />
              <img src="@/assets/images/cgft/cgft_icon17.png" />
            </div>
          </div>
          <div class="fouritem">
            <h4></h4>
            <div class="imgbox">
              <p><i></i> <span>数据分析师</span></p>
              <p><i></i> <span>风险管理师</span></p>
              <p><i></i> <span>量化投资分析师</span></p>
              <p><i></i> <span>技术研发工程师</span></p>
              <p><i></i> <span>产品设计经理</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 讲师 -->
      <div class="teacherbox" id="floor4">
        <h3></h3>
        <div class="photo_area heart_w">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div id="p_1">
                  <a href="javascript:void(0);" rel="nofollow">
                    <div class="leftimg">
                      <img src="@/assets/images/cgft/cgft_icon26.png" />
                    </div>
                    <div class="textright">
                      <h3><span>李 峰</span></h3>
                      <h4>CGFT学术委员会主席</h4>
                      <div class="tags">
                        <p>
                          美国芝加哥大学工商管理学 (会计和金融经济领域) 博士
                        </p>
                        <p>上海交通大学上海高级金融学院会计学教授</p>
                        <p>上海高金金融研究院联席院长</p>
                        <p>中国金融研究院副院长</p>
                        <p>美国会计学会“会计文献杰出研究贡献”奖</p>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div class="swiper-slide">
                <div id="p_1">
                  <a href="javascript:void(0);" rel="nofollow">
                    <div class="leftimg">
                      <img src="@/assets/images/cgft/cgft_icon24.png" />
                    </div>
                    <div class="textright">
                      <h3><span>李 峰</span></h3>
                      <h4>CGFT学术委员会主席</h4>
                      <div class="tags">
                        <p>
                          美国芝加哥大学工商管理学 (会计和金融经济领域) 博士
                        </p>
                        <p>上海交通大学上海高级金融学院会计学教授</p>
                        <p>上海高金金融研究院联席院长</p>
                        <p>中国金融研究院副院长</p>
                        <p>美国会计学会“会计文献杰出研究贡献”奖</p>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div class="swiper-slide">
                <div id="p_1">
                  <a href="javascript:void(0);" rel="nofollow">
                    <div class="leftimg">
                      <img src="@/assets/images/cgft/cgft_icon25.png" />
                    </div>
                    <div class="textright">
                      <h3><span>李 峰</span></h3>
                      <h4>CGFT学术委员会主席</h4>
                      <div class="tags">
                        <p>
                          美国芝加哥大学工商管理学 (会计和金融经济领域) 博士
                        </p>
                        <p>上海交通大学上海高级金融学院会计学教授</p>
                        <p>上海高金金融研究院联席院长</p>
                        <p>中国金融研究院副院长</p>
                        <p>美国会计学会“会计文献杰出研究贡献”奖</p>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div class="swiper-slide">
                <div id="p_1">
                  <a href="javascript:void(0);" rel="nofollow">
                    <div class="leftimg">
                      <img src="@/assets/images/cgft/cgft_icon27.png" />
                    </div>
                    <div class="textright">
                      <h3><span>李 峰</span></h3>
                      <h4>CGFT学术委员会主席</h4>
                      <div class="tags">
                        <p>
                          美国芝加哥大学工商管理学 (会计和金融经济领域) 博士
                        </p>
                        <p>上海交通大学上海高级金融学院会计学教授</p>
                        <p>上海高金金融研究院联席院长</p>
                        <p>中国金融研究院副院长</p>
                        <p>美国会计学会“会计文献杰出研究贡献”奖</p>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div class="swiper-slide">
                <div id="p_1">
                  <a href="javascript:void(0);" rel="nofollow">
                    <div class="leftimg">
                      <img src="@/assets/images/cgft/cgft_icon28.png" />
                    </div>
                    <div class="textright">
                      <h3><span>李 峰</span></h3>
                      <h4>CGFT学术委员会主席</h4>
                      <div class="tags">
                        <p>
                          美国芝加哥大学工商管理学 (会计和金融经济领域) 博士
                        </p>
                        <p>上海交通大学上海高级金融学院会计学教授</p>
                        <p>上海高金金融研究院联席院长</p>
                        <p>中国金融研究院副院长</p>
                        <p>美国会计学会“会计文献杰出研究贡献”奖</p>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
              <div class="swiper-slide">
                <div id="p_1">
                  <a href="javascript:void(0);" rel="nofollow">
                    <div class="leftimg">
                      <img src="@/assets/images/cgft/cgft_icon29.png" />
                    </div>
                    <div class="textright">
                      <h3><span>李 峰</span></h3>
                      <h4>CGFT学术委员会主席</h4>
                      <div class="tags">
                        <p>
                          美国芝加哥大学工商管理学 (会计和金融经济领域) 博士
                        </p>
                        <p>上海交通大学上海高级金融学院会计学教授</p>
                        <p>上海高金金融研究院联席院长</p>
                        <p>中国金融研究院副院长</p>
                        <p>美国会计学会“会计文献杰出研究贡献”奖</p>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
            </div>

            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>

      <div class="causebox">
        <h3></h3>
        <div class="heart_w clearfix">
          <div class="causeitem">
            <img src="@/assets/images/cgft/cgft_icon40.png" class="tag" />
            <img
              src="https://img.rongyuejiaoyu.com/uploads/20200725/339423d20b4a91a101e397dbf6608d71.jpg"
              class="causeimg"
            />
            <p class="causename">
              【特许全球金融科技师金融模块】财务报告基本内容
            </p>
            <a
              href="javascript:void(0);"
              rel="nofollow"
              class="freestudy"
              data-url="https://video.rycfa.com/sv/505fb41b-1737fb2ac9f/505fb41b-1737fb2ac9f.mp4"
            >
              免费学习
            </a>
          </div>
        </div>
        <a href="/combo/order/combo/cid/23" class="more_cause">全科课程学习</a>
      </div>

      <div class="questionbox" id="floor5">
        <div class="heart_w">
          <h3></h3>
          <div class="itembox clearfix">
            <a href="javascript:void(0);" rel="nofollow" class="contact_kefu">
              <p class="items fl">零基础可以学吗？</p>
            </a>
            <a href="javascript:void(0);" rel="nofollow" class="contact_kefu">
              <p class="items fl">多久可以考完？</p>
            </a>
            <a href="javascript:void(0);" rel="nofollow" class="contact_kefu">
              <p class="items fl">有专业要求吗？</p>
            </a>
            <a href="javascript:void(0);" rel="nofollow" class="contact_kefu">
              <p class="items fl">怎么报名？</p>
            </a>
            <a href="javascript:void(0);" rel="nofollow" class="contact_kefu">
              <p class="items fl">考点有哪些城市？</p>
            </a>
            <a href="javascript:void(0);" rel="nofollow" class="contact_kefu">
              <p class="items fl">考试科目有哪些？</p>
            </a>
            <a href="javascript:void(0);" rel="nofollow" class="contact_kefu">
              <p class="items fl">费用多少？</p>
            </a>
            <a href="javascript:void(0);" rel="nofollow" class="contact_kefu">
              <p class="items fl">通过率高吗？</p>
            </a>
            <a href="javascript:void(0);" rel="nofollow" class="contact_kefu">
              <p class="items fl">都有哪些备考资料？</p>
            </a>
          </div>

          <div class="friendlinks">
            <p>
              <span>教育支持:</span>
              <a href="http://www.cgftedu.com" rel="nofollow" target="_blank">
                上海高金金融研究院
              </a>
              <a href="http://www.cgftedu.com" rel="nofollow" target="_blank">
                上海交通大学
              </a>
              <a href="http://www.cgftedu.com" rel="nofollow" target="_blank">
                上海高级金融学院
              </a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CGFTPage',
  data() {
    return {
      imageData: [
        {
          title: '123image',
          imgUrl: require('@/assets/images/CPA.jpg')
        },
        {
          title: '123image',
          imgUrl: require('@/assets/images/cfaSwipet.jpg')
        }
      ]
    }
  },
  created() {},
  mounted() {
    this.init_t()
    this.swiper2()
  },
  methods: {
    init_t() {
      const mySwiper_t = new this.$swiper('.banner .swiper-container', {
        direction: 'horizontal', // 水平切换选项
        loop: false, // 循环模式选项
        autoplay: true, //自动切换
        effect: 'slide', // 切换效果
        pagination: {
          el: '.banner .swiper-pagination',
          clickable: true
        }
      })
      // 鼠标移入停止自动播放
      mySwiper_t.el.onmouseover = function () {
        mySwiper_t.autoplay.stop()
      }
      mySwiper_t.el.onmouseout = function () {
        mySwiper_t.autoplay.start()
      }
    },
    swiper2() {
      new this.$swiper('.photo_area .swiper-container', {
        slidesPerView: 1,
        autoplay: false,
        loop: false,
        observer: true,
        observeParents: true,
        // 如果需要前进后退按钮
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev'
        },
        pagination: {
          el: '.photo_area .swiper-pagination',
          clickable: true
        }
      })
    }
  }
}
</script>

<style lang="scss">
body,
html,
#app {
  background-color: #fff;
}
</style>
<style scoped lang="scss">
@import '@/assets/styles/CGFTPage.scss';
</style>
